
<html>
    <head>
            
        {% block stylesheets %}
            <link href="{{ asset('bundles/englishvocabulary/css/main.css') }}" type="text/css" rel="stylesheet" />
            <link href="{{ asset('bundles/englishvocabulary/css/jquery.dataTables.css') }}" type="text/css" rel="stylesheet" />
            <link href="{{ asset('bundles/englishvocabulary/css/jquery.dataTables_themeroller.css') }}" type="text/css" rel="stylesheet" />
            <link href="{{ asset('bundles/englishvocabulary/css/jquery-ui-1.8.18.custom.css') }}" type="text/css" rel="stylesheet" />
        {% endblock %}
            
        {% block javascripts %}
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
            <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
            <script src="{{ asset('bundles/englishvocabulary/js/jquery.dataTables.min.js') }}" type="text/javascript"></script>
        {% endblock %}
            
        <script type="text/javascript">
            $(document).ready( function() {
                $('.records_list').dataTable({
                    "bJQueryUI": true,
                    "sPaginationType": "full_numbers"
                });
            });
        </script>
        
        <title>{{ project_name }} - {{ page_title }}</title>
    </head>
    <body>
        <div class="header">
            <h1>{{ project_name }}</h1>
        </div>

        <div class="page_content">
            <h2>{{ page_title }}</h2>
            
            {% block content %}
            {% endblock %}
        </div>
        
        <div class="footer">
        </div>
    </body>
</html>
